﻿<!DOCTYPE html>
<html><head>
  <title>导入矢量图像</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=8">
  <meta name="generator" content="Help &amp; Manual">
  <meta name="keywords" content="Convert,Image to Outline,Import Image,Vector Image,Vector to Outline">
  <meta name="description" content="Import Image canbe selected from the Tools menu when you have activated a Glyph Edit window or it canbe selected from the context menu after right-clicking in the window....">
  <link type="text/css" href="default.css" rel="stylesheet">
  <link type="text/css" href="custom.css" rel="stylesheet">
  <style type="text/css" media="screen">
      html,body { margin:0;
        padding:0;
       background: #ffffff;
      }
      div#printheader { display: none; }
      #idheader {
        width:100%;
        height:auto;
        padding: 0;
        margin: 0;
        position: fixed;
        top: 0;
        z-index: 2;
      }
      /* The "min-height" for "#idheader table" ensures that the (blue) header of the topic
         has at least the same height as the header of the navigation panel left of it */
      #idheader table {background: #2C5D88; min-height: 59px }
      #idheader h1 span { color: #FFF }
      #idnav {
        text-align: right;
        width: 126px;
        vertical-align: middle;
      }
      #idnav a { text-decoration: none }
      #idnav span {
        display: inline-block;
        width: 24px;
        height: 24px;
        margin-left: 4px;
       background:url('hm_webhelp_buttons_grey.png') top left no-repeat;
      }
      #idnav a span {
       background-image:url('hm_webhelp_buttons_white.png');
      }
      #idnav a span:hover {
       background-image:url('hm_webhelp_buttons_orange.png');
      }
      #idnav span.hmbtnprev {background-position: 0 -32px }
      #idnav span.hmbtnnext {background-position: -24px -32px }
      #idnav span.hmbtntop  {background-position: -48px -32px }
      #idnav span.hmbtntoggle  { width: 20px;background-position: -70px -32px }
      #idnav span.hmbtnprint  {background-position: -88px -32px }
      #callout-table, #overview-table {display:block; position:relative; top:0; left:0;}
      #callout-icon {display:block; position:absolute; top:-11px; left:-11px;}
      #callout-icon-flag {display:block; position:absolute; top:-11px; left:-8px;}
      #callout-table a {text-decoration: none; color:blue;}
      #callout-table a:visited {text-decoration: none; color:blue;}
      #overview-table a {text-decoration: none; color:black;}
      #overview-table a:visited {text-decoration: none; color:black;}
      #callout-table a:hover, #overview-table a:hover {text-decoration: underline;}
      p.help-url { margin: 20px 0 5px 0; text-align: center; font-size: 80%; text-decoration: none }
      #switchtoggles { text-align: right; padding: 0 2px 0 0; font-size: 90%; }
      .sync-toc { color: #FFF; font-size: 8pt; font-weight:bold; display: none; }
      .sync-toc a { color: #FFF; text-decoration: none; font-weight:bold;}
      .sync-toc a:visited { color: #FFF; }
      .sync-toc a:hover { text-decoration: underline; }
      a.hmanchor { display: inline-block; margin-top: -4em; padding-top: 4em }	
  </style>
  <style type="text/css" media="print">
      div#idheader, img.dropdown-toggle-icon, p.help-url { display:none }
  </style>
  <script type="text/javascript" src="jquery.js"></script>
  <script type="text/javascript" src="helpman_settings.js"></script>
  <script type="text/javascript" src="helpman_topicinit.js"></script>
</head>
<body>
<div id="printheader"><h1 class="p_Heading1" style="page-break-after: avoid;"><span class="f_Heading1">导入矢量图像</span></h1>
</div>
<div id="idheader" style="position: relative;">
<div id="idheaderbg">
<table style="width:100%;border:none;margin:0px;" cellspacing="0" cellpadding="0">
 <tbody><tr>
   <td class="topichead" style="text-align:left; vertical-align:bottom">
     <p class="crumbs"><b>导航：</b>&nbsp;编辑字体 &gt; 工具 &gt; 导入图像 &gt;</p>
     <h1 class="p_Heading1" style="page-break-after: avoid;"><span class="f_Heading1">导入矢量图像</span></h1>
   </td>
   <td class="topichead" id="idnav">
     <a href="importrasterimage.html" title="上一主题"><span class="hmbtnprev"></span></a>
     <a href="welcometothefontcreator.html" title="返回首章"><span class="hmbtntop"></span></a>
     <a href="sortingglyphs.html" title="下一主题"><span class="hmbtnnext"></span></a>
   </td>
 </tr>
</tbody></table>
</div>
</div>
<div id="idcontent" style="margin-top: 0px;"><div id="innerdiv">
<!--ZOOMRESTART-->
<p class="p_Normal">打开<span style="font-weight:bold;">字形编辑</span>窗口后，可以从<span style="font-weight:bold;">工具</span>菜单中选择<span style="font-weight:bold;">导入图像</span>，也可以在窗口中右击后从上下文菜单中选择<b>导入图像</b>。当您打开基于矢量的图像文件时，该文件将立即导入。</p>
<p class="p_Normal">在基于矢量的图像编辑软件中，您可以使用各种对象来创建图像。这些对象可以是路径、线条、形状、文本等。不仅如此，您还可以对每种对象应用特定的描边(stroke，笔触、笔锋)。这些描边可以控制粗细、线段连接方式以及开放路径两端的外观；还有许多其他功能，如对象填充、渐变等。</p>
<p class="p_Normal">FontCreator 只能提取基本(bare)路径，因此将完全忽略描边、填充等。并且由于字形只能由闭合式轮廓线(contour)组成，所有开放式的路径都将自动闭合。</p>
<p class="p_Normal">&nbsp;</p>
<p class="p_NoteorTip"><span class="f_NoteorTip">提示：FontCreator 允许您从 Adobe Illustrator、Adobe Photoshop、Inkscape 和 Affinity Designer 等多个应用程序复制和粘贴基于矢量的图稿。</span></p>
<h2 class="p_Heading2" style="page-break-after: avoid;"><span class="f_Heading2">导入设置</span></h2>
<p class="p_Normal">比例和位置取决于<a href="options-import.html" class="topiclink">导入设置</a>，因此请检查所导入的图像是否太小、太大或放置在可见字形区域之外。</p>
<p class="p_NoteorTip"><span class="f_NoteorTip">提示：大多数矢量编辑软件使用三次贝塞尔曲线，而 FontCreator 对二次和三次贝塞尔曲线都予支持。FontCreator 会将所导入的轮廓(outline)转换为桌面(ttf/otf)<a href="exportafont.html" class="topiclink">字体导出设置</a>中定义的轮廓格式。在设计字体时，设置轮廓格式与矢量编辑软件中所使用的格式相匹配，是明智的做法，这样来回的复制和粘贴就不需要任何转换了。</span></p>
<h2 class="p_Heading2" style="page-break-after: avoid;"><span class="f_Heading2">导入可移植文档格式(PDF)和可缩放矢量图形(SVG)</span></h2>
<p class="p_Normal">FontCreator 支持路径、矩形、圆形和椭圆，不支持文本、填充、渐变等。</p>
<p class="p_Normal">如果由于某种原因，字形轮廓看起来有错误，请确保您的原始 SVG 不包含重叠路径。</p>
<h2 class="p_Heading2" style="page-break-after: avoid;"><span class="f_Heading2">从 Inkscape 导入</span></h2>
<p class="p_Normal">为获得最佳效果，请确保在 Inkscape 中将所有描边(stroke)都转换为闭合路径：</p>
<p class="p_Normal">- 选择所有对象</p>
<p class="p_Normal">- 从“对象”菜单中选择“取消组合”(Ungroup)</p>
<p class="p_Normal">- 再次从“对象”菜单中选择“取消组合”，因为某些组可能位于其他组中，等等。</p>
<p class="p_Normal">- 从“路径”菜单中选择“描边到路径”(Stroke to Path)</p>
<p class="p_Normal">&nbsp;</p>
<p class="p_Normal"><img style="margin:0;width:5.9063in;height:6.4896in;border:none" src="fontcreator_130_import_svg.png"></p>
<p class="p_Normal">&nbsp;</p>
<p class="p_Normal">然后复制，并在 FontCreator 中粘贴该图像。</p>
<p class="p_Normal">&nbsp;</p>
<p class="p_Normal"><img style="margin:0;width:5.5417in;height:6.0104in;border:none" src="fontcreator_131_imported_svg.png"></p>
<p class="p_Normal">&nbsp;</p>
<p class="p_NoteorTip"><span class="f_NoteorTip">提示：您还可以将轮廓从 FontCreator 复制到剪贴板，然后将其粘贴到 Inkscape 中。要在 Inkscape 中粘贴，请前往主菜单并选择“文件 -&gt; 原位粘贴”(Paste In Place)，或 Ctrl+Alt+V。这将确保在两个应用程序中的位置保持不变。</span></p>
<h2 class="p_Heading2" style="page-break-after: avoid;"><span class="f_Heading2">从 Affinity Designer 导入</span></h2>
<p class="p_Normal">主要操作与上面有关 Inkscape 的说明相类似。</p>
<p class="p_Normal">将轮廓粘贴到 Affinity Designer 时，其将试图智能地把轮廓居中。其后，当您粘贴回 FontCreator 时，还会根据文档 DPI 设置进行缩放。为避免缩放，您需要在 Affinity 文档中将其设置为 72 。</p>
<h2 class="p_Heading2" style="page-break-after: avoid;"><span class="f_Heading2">从&nbsp;Adobe Illustrator 导入</span></h2>
<p class="p_Normal">这是使用 Adobe Illustrator 创建的标识，包含四条线和一个带有两个圆角的矩形，右下角有一个缺口。所有这些对象都包含描边(stroke)，赋予了粗细(thickness)。</p>
<p class="p_Normal"><img style="margin:0;width:3.5417in;height:3.2292in;border:none" src="logowithstrokes.png"></p>
<p class="p_Normal">当导入 FontCreator 时，结果不尽如意，因为没有导入描边，也就是对象的粗细被剥离掉了。四条线都被丢弃了，因为只有两个控点(point)的轮廓线(contour)是无用的。只有矩形已导入，但右下缺口也不见了。</p>
<p class="p_Normal"><img style="margin:0;width:3.5417in;height:3.2292in;border:none" src="importedlogowithstrokes.png"></p>
<p class="p_Normal">&nbsp;</p>
<p class="p_Normal">一个简单的步骤，能确保我们的矢量图像可以安全地导入 FontCreator 中。在 Adobe Illustrator 中，选择所有对象，然后从主菜单中选择“对象 -&gt; 路径 -&gt; 轮廓描边”。结果显示如下：</p>
<p class="p_Normal"><img style="margin:0;width:3.5417in;height:3.2292in;border:none" src="logogood.png"></p>
<p class="p_Normal">当我们导入此版本的矢量图像时，结果是完美得一致！</p>
<p class="p_Normal"><img style="margin:0;width:3.5417in;height:3.2292in;border:none" src="importedlogogood.png"></p>
<p class="p_Normal">最终结果就是带有 44 个控点(point)的 5 个轮廓线(contour)。</p>
<p class="p_Normal">&nbsp;</p>
<p class="p_NoteorTip"><span class="f_NoteorTip">提示：在把所导入的轮廓线粘贴到 FontCreator 后，最好立即调整其大小。“添加贴附曲线的控点”功能会将坐标四舍五入为整数，因此请务必在确保导入的轮廓线大小正确后，再执行此操作。</span></p>
<p class="p_NoteorTip"><span class="f_NoteorTip">提示：也可以从剪贴板中把一个图像粘贴到或从资源管理器中把一个或几个图像拖放到<span  style="font-weight:bold;">字体概览</span>和<span style="font-weight:bold;">字形编辑</span>窗口中。</span></p>
<p class="p_NoteorTip"><span class="f_NoteorTip">注意：不能将图像导入组合字形中。如果要包含更多轮廓线，则需要将其添加到另一个字形并将其添加为字形部件，或者将字形转换为单一字形。</span></p>
<!--ZOOMSTOP-->
</div></div>
<script type="text/javascript">
  $(document).ready(function(){
    $(window).bind('resize', function() {
      var y = $('#idheader').height();
      $('#idcontent').css('margin-top', y);
      var par = window.parent;
      if ($( par ).width()<= $( window ).width()+20) {
        $('#idheader').css('position', 'relative');
        $('#idcontent').css('margin-top', 0);
        $('#idbacktotop').css('display', 'block');
        $('.hmanchor').css('margin-top', -20);
	$('.hmanchor').css('padding-top', 20);
      }
      else {
        $('#idheader').css('position', 'fixed');
        $('#idcontent').css('margin-top', $('#idheader').height());
        $('#idbacktotop').css('display', 'none');
        $('.hmanchor').css('margin-top', -y-20);
	$('.hmanchor').css('padding-top', y+20);
      }
    });
    $(window).resize(); //trigger event for initially small displays
  });
</script>
</body></html>